<template>
	<view class="page">
		<navBar title="" bg="#FFF"></navBar>
		
		<view class="page_title">建圈类型</view>
		<view class="page_text">圈子功能包括:动态、活动、群聊、名片、直播 、商城</view>
		
		<view class="content">
			
			<view class="header flex_r_between">
				<text>入驻费</text>
				<view>3000元</view>
			</view>
			
			<view class="list">
				<text>入驻费返还：营业额达5万入驻费全部返还</text>
			</view>
			
			<view class="list">
				<view>平台抽成 <i>10%</i> </view>
				<text>抽成包含：会员费、入驻费、进群费、商品及活动交易费用</text>
			</view>
			
			<view class="list">
				<text>为了防止洗钱、赌博等违法活动，直播打赏抽成35%</text>
			</view>
			
		</view>
		
		<view class="btn flex_r_around" @click="onPay">
			<text>支付</text>
		</view>
		
		
		
	</view>
</template>

<script>
	import navBar from '@/compentents/navBar/navBar.vue'
	export default {
		components: {
			navBar,
		},
		data() {
			return {
				info: {},
				
			}
		},
		methods: {
			onPay(){
				this.$post('/circle.circle/createCircle',this.info).then(res => {
					console.log(res);
				});
			},
		},
		
		onLoad(option) {
			if(option.info){
				this.info = JSON.parse(option.info);
			}
		},
	}
</script>

<style lang="less" scoped>
	
	.page {
		min-height: 100vh;
		background: #FFFFFF;
		padding: 48rpx;
	}
	
	.page_title {
		font-weight: 500;
		font-size: 48rpx;
		color: #000000;
		line-height: 66rpx;
	}
	
	.page_text {
		font-size: 24rpx;
		color: #999999;
		line-height: 34rpx;
		margin: 18rpx 0 58rpx;
	}
	
	.content {
		background: #FFFAFB;
		border-radius: 32rpx;
		border: 4rpx solid #FD2A53;
		padding: 36rpx 32rpx;
		
		.header {
			text {
				font-weight: 600;
				font-size: 36rpx;
				color: #000000;
				line-height: 50rpx;
			}
			view {
				font-weight: 600;
				font-size: 36rpx;
				color: #FD2A53;
				line-height: 50rpx;
			}
		}
		
		.list {
			margin-top: 40rpx;
			text {
				font-size: 28rpx;
				color: #000000;
				line-height: 40rpx;
			}
			
			view {
				font-weight: 500;
				font-size: 28rpx;
				color: #000000;
				line-height: 40rpx;
				
				i {
					font-weight: 500;
					font-size: 28rpx;
					color: #FD2A53;
					line-height: 40rpx;
					font-style: normal;
				}
			}
		}
		
	}
	
	.btn {
		margin: 48rpx auto 30rpx;
		width: 560rpx;
		height: 100rpx;
		background: #FD2A53;
		border-radius: 50rpx;
		border: 2rpx solid #FD2A53;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
	}
	
</style>
